﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="keywords" content="共享摇摇车一站式部署、一站式部署、共享摇摇车、摇摇车，共享经济，创业，创业项目，赚钱，赚钱项目，抓娃娃机，游戏机">
    <title>共享摇摇车一站式部署</title>
    <link rel="stylesheet" href="news.css" tppabs="/css/news.css" />
    <link href="Style.css" tppabs="/css/Style.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/kefu.css">
    <style>
        .H_heads {
        line-height:42px;
        }
    </style>
</head>
<body style="height:3000px">

    <script type="text/javascript" src="js/kefu.js"></script>
    <div class="mian">
        <div class="scrollsidebar" id="scrollsidebar" style="line-height:43px;">
            <div class="side_content">
                <div class="side_list">
                    <div class="side_title"></div>
                    <div class="side_center">
                        <div class="other">
                            <a class="server-btn" href="tencent://message/?uin=412848943" id="web_qq"><img src="http://wpa.qq.com/pa?p=2:8983659:41"></a>
                            <img src="images/1111.png" width="120" />
                        </div>
                    </div>
                    <div class="side_bottom"></div>
                </div>
            </div>
            <div class="show_btn"><span>在线客服</span></div>
        </div>
        <div class="H_head">
         
            <div class="H_headtop">
                <div class="h_L">
                    <img src="lticon4.png" tppabs="/img/logo.png" class="logos">
                </div>
                <div class="h_R" id="nav-container">
                    <ul class="h_Rul" id="nav-box">
                        <li class="rulli cleak"><a href="#section0">首页</a></li>
                        <li class="rulli1 "><a href="#section1">产品介绍</a></li>
                        <li class="rulli1"><a href="#section2">关于我们</a></li>
                        <li class="rulli1"><a href="#section3">加入我们</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="text">
            <div id="section0">
                <img src="limg.jpg" tppabs="/img/limg.jpg" style="width: 100%;" />
            </div>
            <div class="context" id="section1">
                <div class="context_changping">
                    <p style="font-size: 18px;"> 产品介绍</p>
                    <img src="xian.png" tppabs="/img/xian.png" />
                </div>
                <div class="PRESENTATIONimg">
                    <img src="1(1).png" tppabs="/img/1(1).png" class="img" />
                    <img src="1(2).png" tppabs="/img/1(2).png" class="img" />
                    <img src="1(3).png" tppabs="/img/1(3).png" class="img" />
                    <img src="1(4).png" tppabs="/img/1(4).png" class="img" />
                </div>
                <div class="context_changping" style="margin-top: 80px;;">
                    <p style="color: #f99e33;font-size: 18px;">核心价值</p>
                    <div style="border:3px solid #f99e33; width: 80px; margin: 0 auto; text-align: center; margin-top: 10px;"></div>
                </div>
                <div class="PRESENTATIONimg" id="jiqi">
                    <img src="al1.jpg" tppabs="/img/2(3).png" class="img1" id="img_1" />
                    <img src="2(4).png" tppabs="/img/2(4).png" class="img1" id="img_2" />
                    <img src="2(5).png" tppabs="/img/2(5).png" class="img1" id="img_3" />

                </div>

            </div>
            <div id="section2" style="background-color: #F9F9F9; width: 100%;min-width: 1200px; margin: 0 auto; height: 776px; margin-top: 20px;;">
                <div class="context_changping" style="    height: 118px;    line-height: 50px;">
                    <p style="position: relative;    top: 15px;"> 关于我们 ABUT&nbsp;US</p>
                    <img src="xian.png" tppabs="/img/xian.png" />
                </div>
                <div class="gongsi">
                    <p>
                        公司成立于2014年，总部位于北京。一直专注于儿童成长，教育、娱乐产品的开发，诺亚魔方是国内领先的线下共享娱乐互联网运营公司。国内智能共享游乐设备领先品牌。公司自主研发物联网智能摇摇车，已经是国内摇摇车的领先品牌，公司致力服务千千万万个家庭。为千千万万个家庭带来育儿福音。诺亚魔方的团队由硬件设计、IOT、人工智能、机器学习、大数据等行业专家组成，团队曾任职于小米、百度、华为等公司，旨在运用互联网思维和智能化趋势去改变儿童娱乐产业现状。
                    </p>


                </div>
                <div class="dimg">
                    <img src="5(2).png" tppabs="/img/5(2).png" style="width:960px;" />

                    <div class="dimgL" style="clear: both;">
                        <img src="5(1).png" tppabs="/img/5(1).png" class="diimg" />
                        <img src="5(4).png" tppabs="/img/5(4).png" class="diimg" />
                        <img src="5(5).png" tppabs="/img/5(5).png" class="diimg " />


                    </div>
                    <div style="clear: both;"></div>
                </div>
            </div>
            <div style="background-color: #FFFFFF; clear: both;" id="section3">
                <div class="context_changping" style="    height: 118px;    line-height: 50px;">
                    <p style="position: relative;    top: 15px;font-size: 18px;"> 加入我们 JOIN&nbsp IN</p>
                    <img src="xian.png" tppabs="/img/xian.png" />
                </div>
                <div class="context_changping">
                    <p style="color: #f99e33;font-size: 18px;">合作优势</p>
                    <div style="border:2px solid #f99e33; width: 80px; margin: 0 auto; text-align: center; margin-top: 10px;"></div>
                </div>
                <div style=" text-align: center; margin-top: 20px;    margin-left: -25px;">

                    <img src="6(2).png" tppabs="/img/6(2).png" class="mhezou01" />
                    <img src="6(3).png" tppabs="/img/6(3).png" class="mhezou01" />
                    <img src="6(1).png" tppabs="/img/6(1).png" class="mhezou01" />
                    <img src="6(4).png" tppabs="/img/6(4).png" class="mhezou01" />

                </div>
            </div>
            <div class="bg">
                <div class="bg_img">
                    <p class="shengqing">在线申请</p>
                    <div class="xshengqing"></div>
                    <div class="table">
                        <div class="td1">姓名：<input id="name" type="text" class="inputtext" /></div>
                        <div class="td1 inputLeft">手机号码：<input id="phone" type="text" class="inputtext" /></div>
                        <div class="td1" style="    position: relative;
    left: -29px;
    margin-top: 30px;">
                            <div style="float: left;">所属区域：</div>
                            <div class="parent" style="float: left;">
                                <select id="cmbProvince" name="cmbProvince">
                                    <option>请选择</option>

                                </select>
                            </div>
                            <div class="parent" style="float: left;    margin-left: 10px;">
                                <select id="cmbCity" name="cmbCity">
                                    <option>请选择</option>

                                </select>
                            </div>

                            <div class="parent" style="float: left;    margin-left: 10px;">
                                <select id="cmbArea" name="cmbArea">
                                    <option>北京</option>

                                </select>
                            </div>


                        </div>
                        <div class="td1 " style="    margin-top: 30px;
    margin-left: 67px;">详细地址：<input type="text" id="dizhi" class="inputtext" /></div>
                        <div style="    clear: both;"></div>
                    </div>
                    <div class="buton" onclick="mailsome1()"><img src="fasong.png" tppabs="/img/fasong.png" /></div>
                </div>

            </div>
            <div class="context_changping" style="margin-top: 50px;">
                <p style="color: #f99e33; font-size: 18px;">联系我们</p>
                <div style="border:2px solid #f99e33; width: 80px; margin: 0 auto; text-align: center; margin-top: 10px;"></div>
            </div>
            <div class="company">
                <img src="8_1.png" tppabs="/img/8_1.png" />
                <img src="telephone.png" tppabs="/img/telephone.png" />
                <img src="email.png" tppabs="/img/email.png" />
            </div>
            <div style="height: 60px;"></div>
        </div>
    </div>
    <footer class="footers">
        <div class="footers_w" style="position: relative;">
            <div style="float: left;">
                <div style="color: white;    position: relative;
    top: 8px;">
                    <span>首页</span>
                    <span>|</span>
                    <span>产品介绍</span>
                    <span>|</span>
                    <span>关于我们</span>
                    <span>|</span>
                    <span>加入我们</span>
                    <span>|</span>
                    <span>联系我们</span>
                </div>
            </div>
            <div style="float: right;" class="flog">
                <img src="llog.png" tppabs="/img/llog.png" />
                <img src="WechatIMG97.png" tppabs="/img/WechatIMG97.png" />
            </div>
        </div>

    </footer>

    <script src="jquery-1.11.0.js" tppabs="/js/jquery-1.11.0.js">


    </script>

    <script src="nav.js" tppabs="/js/nav.js"></script>
    <script>
        $(function () {


            addressInit('cmbProvince', 'cmbCity', 'cmbArea', '北京', '北京', '东城区');
        })

        var addressInit = function (_cmbProvince, _cmbCity, _cmbArea, defaultProvince, defaultCity, defaultArea) {

            var cmbProvince = document.getElementById(_cmbProvince);
            var cmbCity = document.getElementById(_cmbCity);
            var cmbArea = document.getElementById(_cmbArea);

            function cmbSelect(cmb, str) {
                for (var i = 0; i < cmb.options.length; i++) {
                    if (cmb.options[i].value == str) {
                        cmb.selectedIndex = i;
                        return;
                    }
                }
            }
            function cmbAddOption(cmb, str, obj) {
                var option = document.createElement("OPTION");
                cmb.options.add(option);
                option.innerText = str;
                option.value = str;
                option.obj = obj;
            }

            function changeCity() {
                cmbArea.options.length = 0;
                if (cmbCity.selectedIndex == -1) return;
                var item = cmbCity.options[cmbCity.selectedIndex].obj;
                for (var i = 0; i < item.areaList.length; i++) {
                    cmbAddOption(cmbArea, item.areaList[i], null);
                }
                cmbSelect(cmbArea, defaultArea);
            }
            function changeProvince() {
                cmbCity.options.length = 0;
                cmbCity.onchange = null;
                if (cmbProvince.selectedIndex == -1) return;
                var item = cmbProvince.options[cmbProvince.selectedIndex].obj;
                for (var i = 0; i < item.cityList.length; i++) {
                    cmbAddOption(cmbCity, item.cityList[i].name, item.cityList[i]);
                }
                cmbSelect(cmbCity, defaultCity);
                changeCity();
                cmbCity.onchange = changeCity;
            }

            for (var i = 0; i < provinceList.length; i++) {
                cmbAddOption(cmbProvince, provinceList[i].name, provinceList[i]);
            }
            cmbSelect(cmbProvince, defaultProvince);
            changeProvince();
            cmbProvince.onchange = changeProvince;
        }

    </script>
    <script src="comm.js" tppabs="/js/comm.js"></script>
</body>
</html>
